<template>
  <div style="background: #F0F2F5;">
    <commonSearch @onQuery="onQuery" @onReset="onReset" @onDownload="onDownload" />
    <div class="card-container">
      <a-tabs type="card" default-active-key="1" @change="callback">
        <a-tab-pane key="1" tab="国家反诈报表">
          <country-report />
        </a-tab-pane>
        <a-tab-pane key="2" tab="数据多维报表" force-render>
          <data-multidimensional />
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>
<script>
import CountryReport from '.././regionalStatistics/CountryReport'
import DataMultidimensional from './DataMultidimensional'
import commonSearch from '../.././components/commonSearch'
export default {
  components: {
    CountryReport,
    DataMultidimensional,
    commonSearch
  },
  data() {
    return {
      queryParam: {
        warningTimeType: '2',
        xzqh: undefined
      }
    }
  },
  methods: {
    onQuery(queryParam) {
      this.queryParam = Object.assign(this.queryParam, queryParam)
      // this.getAllData()
    },
    onReset(queryParam) {
      this.queryParam = queryParam
      // this.getAllData()
    },
    onDownload() {
      this.download('#ExportCaseAnalysis', '案件分析')
    },
    callback(key) {
      console.log(key)
    },
    onChange(date, dateString) {
      console.log(date, dateString)
    }
  }
}
</script>
<style lang="less" scoped>
.filter-condition {
  width: 100%;
  padding: 10px 20px 10px 10px;
  margin-bottom: 10px;
  background-color: white;
}

.area-linkage {
  width: 260px;
  display: flex;
  align-items: center;
}

.content {
  background: white;
}

.card-container {
  background: white;
  overflow: hidden;
  padding: 0px;
}

.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
}

.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}
/deep/.sjly{
  display: none;
}
</style>
